<template>
    <div class="colors">
        <table>
            <tr>
                <td style="font-size:15px;line-height:20px;text-align:center;vertical-align: middle;">名称\颜色</td>
                <td><div class="firstColor"></div></td>
                <td><div class="secondColor"></div></td>
                <td><div class="thirdColor"></div></td>
            </tr>
            <tr>
                <td>
                    <span class="iconfont">&#xe6d6;</span>
                    气候适宜指数
                </td>
                <td>好</td>
                <td>中</td>
                <td>一般</td>
            </tr>
            <tr>
                <td><span class="iconfont">&#xe600;</span>
                舒适度指数</td>
                <td>舒适</td>
                <td>一般舒适</td>
                <td>不舒适</td>
            </tr>
            <tr>
                <td><span class="iconfont">&#xe62d;</span>
                度假指数</td>
                <td>特别适宜</td>
                <td>适宜</td>
                <td>不适宜</td>
            </tr>
            <tr>
                <td><span class="iconfont">&#xe67d;</span>
                风寒指数</td>
                <td>弱冷胁迫</td>
                <td>中冷胁迫</td>
                <td>强冷胁迫</td>
            </tr>
            <tr>
                <td><span class="iconfont">&#xe62e;</span>
                温湿指数</td>
                <td>弱温湿胁迫</td>
                <td>中温湿胁迫</td>
                <td>强温湿胁迫</td>
            </tr>
            
        </table>
        <!-- <div>四项指数区间</div> -->
    </div>
</template>

<script>
export default {
    name: "CommonColor"
}
</script>

<style lang="stylus" scoped>
    .colors >>> div
            width:60px;
            height:20px;
            margin:0 auto;
    .colors >>>.firstColor
        background:#32F3A9
    .colors >>>.secondColor
        background:#63B5E6
    .colors >>>.thirdColor
        background:#E8CE67
    .colors
        position:absolute;
        bottom:80px;
        right:80px;
        z-index:100;
        font-size:14px;
        color:#ddd;
        table
            border:1
            cellspacing:0 
            cellpadding:0
            tr
                text-align :center
                td
                    text-align :center
                    border:1px solid #ddd
                td:first-child
                    text-align :left
        
        

</style>


